.mobile-solar-system{width:1335px;height:420px;display:flex;position:relative}.mobile-sun-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10;height:65px;width:65px;background:#fff9;border-radius:999px;align-items:center;gap:12px;display:flex;position:absolute;top:50px;right:20px}.mobile-sun-card span{font-family:var(--font-primary)}.mobile-sun-wrapper{width:42px;height:42px;color:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:20px;transition:transform 2.5s,opacity 2.5s,box-shadow 2.5s,background 2.5s;display:flex}.mobile-line{background:#ffffffe6;border-radius:999px;position:absolute}.mobile-line-corner{width:22px;height:22px;background:0 0;position:absolute}.mobile-vertical-line{width:2px;height:105px;top:112px;right:52px}.mobile-second-vertical-line{width:2px;height:88px;top:162px;right:215px}.mobile-horizontal-line{width:144px;height:2px;top:237px;right:72px}.mobile-second-horizontal-line{width:78px;height:2px;top:140px;right:233px}.mobile-third-vertical-line{width:2px;height:10px;top:160px;right:331px}.mobile-line-corner-top-right{border-bottom:2px solid #ffffffe6;border-right:2px solid #ffffffe6;border-bottom-right-radius:20px;top:217px;right:52px}.mobile-line-corner-mid-right{border-top:2px solid #ffffffe6;border-right:2px solid #ffffffe6;border-top-right-radius:20px;top:140px;right:215px}.mobile-line-corner-mid-top-left{border-top:2px solid #fffc;border-left:2px solid #fffc;border-top-left-radius:20px;top:140px;right:311px}.mobile-line-corner-mid-left{border-bottom:2px solid #fffc;border-left:2px solid #fffc;border-bottom-left-radius:20px;top:220px;left:765px}.mobile-left-line-vertical{width:2px;height:95px;background:#fffc;top:127px;left:765px}.mobile-left-line{width:25px;height:2px;background:#fffc;top:240px;left:780px}.mobile-energy-dot{width:18px;height:18px;z-index:12;background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 18px #fffffff2,0 0 40px #fffc}.mobile-production-circle{width:120px;height:120px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:15;background:#ffffffb2;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;transition:all 1s;display:flex;position:absolute;top:170px;right:150px}.mobile-production-inner{width:88px;height:88px;z-index:20;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.mobile-production-inner:before{content:"";background:conic-gradient(#63d1a7 calc(var(--progress)*1deg),#63d1a726 0deg);border-radius:50%;transition:all 1s;position:absolute;inset:-6px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#fff 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 6px),#fff 0)}.mobile-usage-circle{height:72px;z-index:15;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:6px;background:#fffc;border-radius:50px;justify-content:center;align-items:center;padding-inline:15px;display:flex;position:absolute;top:200px;left:800px;box-shadow:0 0 20px #ffffffb3}.mobile-usage-icon-view{width:40px;height:40px;background:linear-gradient(#1a3f62 0%,#1a3f624d 100%);border-radius:50px;justify-content:center;align-items:center;margin-inline:5px;display:flex}.mobile-usage-inner{text-align:center}.mobile-usage-inner h3{font-size:16px;font-family:var(--font-primaryfa);font-weight:700}.mobile-usage-inner span{font-size:16px;font-weight:600}.mobile-income-circle{width:115px;height:115px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#ffffffb2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:22px;left:709px}.mobile-income-icon-view{width:50px;height:50px;background:linear-gradient(#63cca6 0%,#63cca666 100%);border-radius:50px;justify-content:center;align-items:center;display:flex}.mobile-wallet-icon{width:30px;height:30px;display:flex}.mobile-income-inner{text-align:center}.mobile-income-inner h3{font-family:var(--font-primaryfa);color:#222;margin-top:5px;font-size:14px;font-weight:800}.mobile-income-inner h3.income-big{font-size:12px}.mobile-income-inner span{color:#666;font-size:13px;font-family:var(--font-primaryfa);font-weight:800}.mobile-production-inner h3{font-family:var(--font-primaryfa);font-size:18px}.mobile-production-inner span{font-size:16px;font-weight:600}.mobile-energy-dot{width:18px;height:18px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10;background:#fff;border-radius:50%;position:absolute}.mobile-energy-dot.solar-to-power{animation:2.2s linear forwards mobile-solar-to-power}.mobile-energy-dot.power-to-home{animation:1.8s linear forwards mobile-power-to-home}.mobile-energy-dot.hide-behind-house{animation:.1s linear forwards mobile-hide-behind-house}.mobile-energy-dot.show-from-house{animation:.1s linear forwards mobile-show-from-house}.mobile-energy-dot.to-income{animation:1.5s linear forwards mobile-move-to-income}@keyframes mobile-solar-to-power{0%{opacity:1;top:80px;right:44px}50%{opacity:1;top:227px;right:44px}to{opacity:1;top:227px;right:210px}}@keyframes mobile-power-to-home{0%{top:238px;right:210px}30%{top:135px;right:210px}60%{top:135px;right:325px}to{top:160px;right:325px}}@keyframes mobile-hide-behind-house{0%{opacity:0;top:160px;right:355px}50%{opacity:0;top:240px;right:355px}to{opacity:0;top:240px;right:420px}}@keyframes mobile-show-from-house{0%{opacity:0;top:230px;right:420px}to{opacity:1;top:230px;right:500px}}@keyframes mobile-move-to-income{0%{top:230px;right:500px}50%{top:230px;right:562px}to{top:40px;right:562px}}